<%@ page language="java" pageEncoding="UTF-8"%>

<%-- 每个模块页面必须引入 --%>
<%@ include file="/include/common.jsp"%>
<%@ include file="/include/html_head.jsp"%>




<%--tab页 --%>
<div tabs="true">


	<div title="换肤">
		<%-- 换肤 --%>
		<script>
			function changeSkin(type) {
				$('#ws-skin').attr('href',
						'${_cp}/css/' + type + '/jquery-ui-1.9.2.custom.css');
			}
		</script>
		<div class="ws-bar ">
			<span class="ws-group">
				<button onclick="changeSkin('default')">默认</button>
				<button onclick="changeSkin('blue')">蓝</button>
				<button onclick="changeSkin('smoothness')">灰</button>
				<button onclick="changeSkin('start')">星</button>
			</span>
		</div>
	</div>

	<div init="${_cp}/DemoAction/form.shtml" title="表单"></div>
	<div init="${_cp}/DemoAction/list.shtml" title="列表"></div>

	<div title="弹出框">
		<%--弹出框 --%>
		<div class="ws-bar ">
			<span class="ws-group">
				<button type="button" icon="newwin"
					onclick="Ajax.win('${_cp}/DemoAction/msg.shtml');">弹出窗口</button>
				<button type="button" icon="newwin" onclick="Core.alert('测试消息');">警告框</button>
				<button type="button" icon="newwin"
					onclick="Core.confirm('是否关闭？',function(){alert('^_^');});">询问框</button>
			</span>
		</div>
	</div>

	<div title="提示区域">
		<%--  提示区域，样式是ws-msg，后续样式表示三种不同类型 --%>
		<div class="ws-msg info">随便写点什么人内容。</div>
		<div class="ws-msg warning">随便写点什么人内容。</div>
		<div class="ws-msg error">随便写点什么人内容。</div>
	</div>


</div>

<%-- 每个模块页面必须引入 --%>
<%@ include file="/include/html_bottom.jsp"%>